<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="viewport"
		content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<title>幸运大转盘</title>
	<script src="js/jquery1.11.3.min.js"></script>
	<script type="text/javascript" src="js/rem.js"></script>
	<link rel="stylesheet" href="css/index.css">
</head>

<body class="indexbg">
	<div class="layer">
		<div class="gps"><img src="images/gps.png"><span>广东省</span><span>广州市</span></div>
		<div class="swiper">

		</div>
	</div>
	<div class="layer">
		<div class="myprice">
			<p>我的积分<span>265</span></p>
		</div>
		<div class="record">兑换记录</div>
	</div>
	<div class="layer padding">
		<!--padding左右4%，公告与上下0.6%-->
		<div class="announcement">
			<div class="title">
				<span>公告</span>2019年新的闪耀 会员不设限
			</div>
		</div>
		<div class="list">
			<ul>
				<li>
					<a href="">
						<img src="images/2.png">
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/3.png">
					</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="layer padding">
		<div class="count">
			距开始秒杀还有<span>20</span>时<span>36</span>分<span>38</span>秒
		</div>
		<!--上下0.5%-->
		<div class="line">
			<a href="">
				<img src="images/limit_banner_top.png">
			</a>
		</div>
		<div class="list">
			<li>
				<a href="">
					<img src="images/seckillAdvertising1.png">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/seckillAdvertising2.png">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/seckillAdvertising3.png">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/seckillAdvertising4.png">
				</a>
			</li>
		</div>
	</div>
	<div class="layer padding">
		<div class="line">
			<a href="">
				<img src="images/9.png">
			</a>
		</div>
		<div class="list">
			<li>
				<a href="">
					<img src="images/10.png">
					<p>蓝月亮洗衣液套装</p>
					<p>积分兑换 <span>500积分</span></p>
					<div class="new1">新会员</div><div class="new2">潮流小主</div>
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/11.png">
					<p>蓝月亮洗衣液套装</p>
					<p>积分兑换 <span>100积分</span></p>
				</a>
			</li>
		</div>
	</div>
	<div class="layer padding">
			<div class="line">
				<a href="">
					<img src="images/5.png">
				</a>
			</div>
			<div class="list">
				<li>
					<a href="">
						<img src="images/6.png">
						<p>蓝月亮洗衣液套装</p>
						<p>积分兑换 <span>200积分</span></p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/7.png">
						<p>蓝月亮洗衣液套装</p>
						<p>积分兑换 <span>200积分</span></p>
					</a>
				</li>
			</div>
		</div>
		<div class="layer padding">
				<div class="line">
					<a href="">
						<img src="images/8.png">
					</a>
				</div>
				<div class="list">
					<li>
						<a href="">
							<img src="images/6.png">
							<p>蓝月亮洗衣液套装</p>
							<p>积分兑换 <span>200积分</span></p>
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/7.png">
							<p>蓝月亮洗衣液套装</p>
							<p>积分兑换 <span>200积分</span></p>
						</a>
					</li>
				</div>
			</div>
			<div class="layer padding">
					<h1>广州市兑换专区</h1>
					<div class="list">
						<li>
							<a href="">
								<img src="images/6.png">
								<p>蓝月亮洗衣液套装</p>
								<p>积分兑换 <span>200积分</span></p>
							</a>
						</li>
						<li>
							<a href="">
								<img src="images/7.png">
								<p>蓝月亮洗衣液套装</p>
								<p>积分兑换 <span>200积分</span></p>
							</a>
						</li>
					</div>
				</div>
				<div class="footer">
					<h2>积分兑换规则及法律声明</h2>
					<p>商务合作联系邮箱：jifen@watsons.com</p>
					<p>客服热线：400830130（自付市内话费）</p>
				</div>
</body>
<script>
	var starttime = new Date("2019/11/14");
	window.onload=function count() {
    var nowtime = new Date();
    var time = starttime - nowtime;
		var day = parseInt(time / 1000 / 60 / 60 / 24);
    var hour = parseInt(time / 1000 / 60 / 60 % 24);
    var minute = parseInt(time / 1000 / 60 % 60);
    var seconds = parseInt(time / 1000 % 60);
		$('.count').html("距开始秒杀还有<span>"+hour+"</span>时<span>"+minute+"</span>分<span>"+seconds+"</span>秒");
		setInterval(count, 1000);
	}

	</script>
</html>